<template>
  <div class="list" :class="type==1?'buy-color':'sell-color'">
    <div class="list-col">{{item.Price}}</div>
    <div class="list-col">{{item.Count}}</div>
    <div class="list-col">{{item.Total}}</div>
  </div>
</template>

<script>
export default {
props:["item","type"]
}
</script>

<style scoped>
.list{
    display: flex;
    line-height: 18.2px;
}
.list-col{
      flex: 1;  
    }
    .list-col:nth-of-type(2),
    .list-col:nth-of-type(3){
        text-align: right;
    }
</style>